<script type="text/javascript">
    $(document).ready(function(){
        $("#thumbBoxDisplay").html('<div class="spinner"></div>').load("./thumbBox.obj.php?catid=1");

        $("#thumbBoxWeb").click(function(){
            $("#thumbBoxDisplay").html('<div class="spinner"></div>').load("./thumbBox.obj.php?catid=1");
        });

        $("#thumbBoxFlash").click(function(){
            $("#thumbBoxDisplay").html('<div class="spinner"></div>').load("./thumbBox.obj.php?catid=2");
        });

        $("#thumbBox3d").click(function(){
            $("#thumbBoxDisplay").html('<div class="spinner"></div>').load("./thumbBox.obj.php?catid=3");
        });

        $("#thumbBoxVid").click(function(){
            $("#thumbBoxDisplay").html('<div class="spinner"></div>').load("./thumbBox.obj.php?catid=4");
        });
    });
</script>

<ul class="inline">
    <li><a id="thumbBoxWeb" href="javascript: void(0)">Webdesign</a></li>
    <li><a id="thumbBoxFlash" href="javascript: void(0)">Flash</a></li>
    <li><a id="thumbBox3d" href="javascript: void(0)">3D art</a></li>
    <li><a id="thumbBoxVid" href="javascript: void(0)">Video editing</a></li>
</ul>

<div id="thumbBoxDisplay"></div>